<template>
  <div>
    <div class="flex">
      <div v-show="!getShop.shops.shop_id">请选择地区并选择您要查看的公园</div>
      <div v-show="getShop.shops.shop_id" class="flex">
        <img style="width: 10rem; height: 10rem" :src="getShop.shops.shop_ico" alt="" />
        <ul class="con-tit">
          <li>公园名称:{{ getShop.shops.shop_name }}</li>
          <li>联系电话：{{ getShop.shops.mobile }}</li>
          <li>公园类型：{{ getShop.shops.shop_type }}</li>
          <li>公园地址：{{ getShop.shops.addr_detail }}</li>
          <li>公园简介：{{ getShop.shops.main }}</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useShopData } from '@/store/screen'
const getShop = <any>useShopData()
</script>

<style scoped lang="scss">
.con-tit {
  font-size: 20px;

  li {
    margin: 0.2rem 0.5rem;
  }
}
</style>
